<template>
  <view class="">
    <!-- 首页数据列表 -->

      <view class="list">
        <scroll-view scroll-y class="scroll">
          <view
            class="list-item"
            v-for="(item, index) in list"
            :key="index"
            @click="toPath">
            <view class="top-box">
              <view class="left-item">
                <view class="image">
                  <image
                    src="../../../../static/images/Ehome/defultAvatar-1.png"
                    mode="" />
                </view>

                <view class="desc-box">
                  <view class="t-desc">
                    <view class="name">{{ item.name }}</view>
                    <view class="icon">
                      <image
                        v-if="status"
                        src="../../../../static/images/Ehome/man.png"
                        alt="" />
                      <image
                        v-if="status === false"
                        src="../../../../static/images/Ehome/woman.png"
                        alt="" />
                    </view>
                    <view class="status">未实名</view>
                  </view>
                  <view class="b-desc">
                    <view class="text"
                      >25岁 <text style="padding: 0 4rpx"> |</text></view
                    >
                    <view class="text"
                      >{{ item.education }}
                      <text style="padding: 0 4rpx"> |</text></view
                    >
                    <view class="text">三年经验</view>
                  </view>
                </view>
              </view>

              <view class="right-item ellipsis1">
                <view class="label">
                  <text
                    class=""
                    selectable="false"
                    space="false"
                    decode="false">
                    {{ item.label }}
                  </text>
                </view>
                <view style="height: 42rpx; margin-bottom: 15rpx"> </view>
                <view class="adress">{{ item.address }}</view>
              </view>
            </view>
            <view class="line"></view>

            <view class="bottom-box">
              <view class="b-left">
                <text class="one">意向</text>
                <text class="tow">客房主管</text>
              </view>
              <view class="b-right">
                <text class="symbol">¥</text>
                <text class="money">0.8k - 10k</text>
              </view>
            </view>


              
          </view>
        </scroll-view>
      </view>
  
  </view>
</template>

<script>
export default {
  props: {
    workTypeValue: {
      type: String,
      default: null,
    },
  },
  components: {},
  data() {
    return {
      status: true,
      list: [
        {
          name: "田野",
          address: "广州天河区盒马鲜生",
          label: "全职岗位",
          education: "本科",
          avatar: require("../../../../static/images/Ehome/man.png"),
        },
        {
          name: "麦小斯",
          address: "东莞kk馆公司kk集团",
          label: "全职岗位",
          education: "大专",
          avatar: require("../../../../static/images/Ehome/woman.png"),
        },
        {
          name: "秦大民",
          address: "广州天河区天德广场1座6楼",
          label: "全职岗位",
          education: "高中",
          avatar: require("../../../../static/images/Ehome/man.png"),
        },
        {
          name: "秦大民",
          address: "东莞kk馆公司kk集团",
          label: "全职岗位",
          education: "高中",
          avatar: require("../../../../static/images/Ehome/man.png"),
        },
        {
          name: "秦大民",
          address: "东莞kk馆公司kk集团",
          label: "全职岗位",
          education: "高中",
          avatar: require("../../../../static/images/Ehome/man.png"),
        },
        {
          name: "大辉",
          address: "广州增城区维龙仓101",
          label: "全职岗位",
          education: "高中",
          avatar: require("../../../../static/images/Ehome/man.png"),
        },
        {
          name: "秦大民",
          address: "广州各门店",
          label: "全职岗位",
          education: "高中",
          avatar: require("../../../../static/images/Ehome/man.png"),
        },
        {
          name: "秦大民",
          address: "广州增城区维龙仓101",
          label: "全职岗位",
          education: "高中",
          avatar: require("../../../../static/images/Ehome/man.png"),
        },
        {
          name: "秦大民",
          address: "广州各门店",
          label: "全职岗位",
          education: "高中",
          avatar: require("../../../../static/images/Ehome/man.png"),
        },
        {
          name: "秦大民",
          address: "广州各门店",
          label: "全职岗位",
          education: "高中",
          avatar: require("../../../../static/images/Ehome/man.png"),
        },
        {
          name: "秦大民",
          address: "广州各门店",
          label: "全职岗位",
          education: "高中",
          avatar: require("../../../../static/images/Ehome/man.png"),
        },
      ],
    };
  },
  computed: {},
  // 监控data中的数据变化
  watch: {
    workTypeValue(n) {
      if (n === "小时工兼职") {
        this.list = [
          {
            name: "小马楼",
            address: "广州天河区盒马鲜生(居然之家店)",
            label: "小时工兼职",
            education: "本科",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "大马楼",
            address: "广州番禺区盒马鲜生(四海城店)",
            label: "小时工兼职",
            education: "大专",
            avatar: require("../../../../static/images/Ehome/woman.png"),
          },
          {
            name: "赵鲜鲜",
            address: "广州天河区盒马鲜生(广武店)",
            label: "小时工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "赵鲜鲜",
            address: "广州天河区盒马鲜生(广武店)",
            label: "小时工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "赵鲜鲜",
            address: "广州天河区盒马鲜生(广武店)",
            label: "小时工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "赵鲜鲜",
            address: "广州花都区龙地空港物流园",
            label: "小时工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "赵鲜鲜",
            address: "广州花都区龙地空港物流园",
            label: "小时工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "赵鲜鲜",
            address: "广州花都区百黠物流拼多多",
            label: "小时工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "赵鲜鲜",
            address: "广州花都区百黠物流拼多多",
            label: "小时工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "赵鲜鲜",
            address: "广州天河区盒马鲜生(广武店)",
            label: "小时工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
        ];
      }
      if (n === "全职岗位") {
        this.list = [
          {
            name: "田野",
            address: "广州天河区盒马鲜生(居然之家店)",
            label: "全职岗位",
            education: "本科",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "麦小斯",
            address: "广州各门店",
            label: "全职岗位",
            education: "大专",
            avatar: require("../../../../static/images/Ehome/woman.png"),
          },
          {
            name: "秦大民",
            address: "广州番禺区南华电商园",
            label: "全职岗位",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "",
            address: "广州黄浦区",
            label: "全职岗位",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "秦民",
            address: "广州海珠区铭丰广场",
            label: "全职岗位",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "张晓舟",
            address: "广州海珠区铭丰广场",
            label: "全职岗位",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "秦大民",
            address: "广州海珠区铭丰广场",
            label: "全职岗位",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "秦大民",
            address: "广州海珠区铭丰广场",
            label: "全职岗位",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "秦大民",
            address: "广州各门店",
            label: "全职岗位",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "秦大民",
            address: "广州各门店",
            label: "全职岗位",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
        ];
      }
      if (n === "零工兼职") {
        this.list = [
          {
            name: "张菲",
            address: "广州天河区盒马鲜生(居然之家店)",
            label: "零工兼职",
            education: "本科",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "贝贝",
            address: "广州各门店",
            label: "零工兼职",
            education: "大专",
            avatar: require("../../../../static/images/Ehome/woman.png"),
          },
          {
            name: "陈晨",
            address: "广州各门店",
            label: "零工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "庄洲",
            address: "广州各门店",
            label: "零工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "袁熙",
            address: "广州各门店",
            label: "零工兼职",
            education: "本科",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "关瑜",
            address: "广州各门店",
            label: "零工兼职",
            education: "专科",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "jason",
            address: "广州各门店",
            label: "零工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "张梓豪",
            address: "广州各门店",
            label: "零工兼职",
            education: "专科",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "陈伊利",
            address: "广州各门店",
            label: "零工兼职",
            education: "高中",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
          {
            name: "黄晓敏",
            address: "广州各门店",
            label: "零工兼职",
            education: "专科",
            avatar: require("../../../../static/images/Ehome/man.png"),
          },
        ];
      }
    },
  },
  onLoad(options) {},
  onShow() {},
  onReady() {},
  methods: {
    toPath() {

      uni.navigateTo({
        url: "/subPage/enterprise/home/listDetails/index",
      });
    },
  },
};
</script>
<style lang="scss">
.list {
  margin-top: 10rpx;
  background-color: #f9f9f9;
  // height: 100vh;

  .scroll {
    height: 100%;

    .list-item {
      height: 248rpx;
      background-color: #fff;
      border-radius: 16rpx;

      margin: 10rpx 24rpx 31rpx;

      .top-box {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 50%;
        margin-top: 32rpx;

        .left-item {
          padding-top: 24rpx;
          padding-left: 24rpx;
          display: flex;
          height: 100%;

          .image {
            width: 96rpx;
            height: 96rpx;
            margin-right: 16rpx;

            image {
              width: 100%;
              height: 100%;
            }
          }

          .desc-box {
            display: flex;
            flex-direction: column;

            .t-desc {
              display: flex;
              margin-top: 16rpx;

              .name {
                height: 40rpx;
                line-height: 40rpx;
                font-weight: 500;
                font-size: 28rpx;
                color: #000000e0;
                margin-right: 12rpx;
                margin-bottom: 12rpx;
              }

              .icon {
                margin-right: 12rpx;

                image {
                  width: 24rpx;
                  height: 24rpx;
                }
              }

              .status {
                width: 82rpx;
                height: 32rpx;
                text-align: center;
                line-height: 32rpx;
                background: #ffebd1;
                border-radius: 8rpx;
                font-weight: 500;
                font-size: 18rpx;
                color: #000000a3;
              }
            }

            .b-desc {
              display: flex;

              .text {
                color: #00000073;
                opacity: 0.45;
                font-size: 24rpx;

                font-weight: 500;

                text-align: left;
              }
            }
          }
        }

        .right-item {
          padding-top: 32rpx;

          .label {
            position: absolute;
            right: 45rpx;
            width: 120rpx;
            height: 42rpx;
            background: #34a1ff;
            border-radius: 6rpx;
            font-weight: 500;
            font-size: 22rpx;
            color: #ffffff;
            text-align: center;
            line-height: 42rpx;
            margin-bottom: 10rpx;
          }

          .adress {
            font-weight: 500;
            font-size: 24rpx;
            color: #00000073;
            margin-right: 15rpx;
          }
        }
      }

      .line {
        margin: 24rpx 24rpx 26rpx;
        height: 2rpx;
        background-color: #eeeeef;
      }

      .bottom-box {
        display: flex;
        justify-content: space-between;
        padding-left: 24rpx;
        padding-right: 24rpx;

        .b-left {
          .one {
            font-weight: 500;
            font-size: 22rpx;
            color: #00000073;
            opacity: 45%;
          }

          .tow {
            padding-left: 12rpx;
            height: 45rpx;
            line-height: 45rpx;
            font-weight: 500;
            font-size: 32rpx;
            color: #000000;
            opacity: 0.64;
          }
        }

        .b-right {
          .symbol {
            color: #000000;
            margin-right: 6rpx;
          }
          .money {
            color: #ff9e24;
            font-size: 34rpx;
            font-weight: 500;
            text-align: left;
          }
        }
      }
    }
  }
}
</style>
